@import "../../../css/fun.less";

@charset "utf-8";

/* common start */

.d-outer {
  text-align: left;
  outline: none 0;
}

.d-border, .d-dialog {
  border: 0 none;
  margin: 0;
  border-collapse: collapse;
  width: auto;
  border-radius: 3px;
}

.d-nw, .d-n, .d-ne, .d-w, .d-c, .d-e, .d-sw, .d-s, .d-se, .d-header, .d-main, .d-footer {
  padding: 0;
}

.d-header, .d-button {
  font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti;
  _font-family: Tahoma, Arial, Helvetica, STHeiti;
  -o-font-family: Tahoma, Arial;
}

.d-title {
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  border-radius: 3px 3px 0 0;
}

.d-state-noTitle .d-title {
  display: none;
}



.d-main {
  text-align: center;
  vertical-align: middle;
  min-width: 400px;
  max-width:900px;
}

.d-content {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  text-align: left;
  border: 0 none;
}

.d-content.d-state-full {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 !important;
  height: 100%;
}

.d-loading {
  width: 32px;
  height: 32px;
  text-align: left;
  text-indent: -999em;
  overflow: hidden;
  background: url(../images/loading.gif) no-repeat center center;
  background-size: cover;
}

.d-buttons {
  padding: 14px;
  text-align: center;
  white-space: nowrap;
}

.d-button {
  margin:0 6px;
  padding: 0 8px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 10px 14px;
  overflow: visible;
  border: 1px solid @color_border;
  border-radius: 3px;
  background-color: rgba(0,0,0,.02);
  -moz-transition: all linear .2s;
  -webkit-transition: all linear .2s;
  transition: all linear .2s;
}

.d-button::-moz-focus-inner, .d-button::-moz-focus-outer {
  border: 0 none;
  padding: 0;
  margin: 0;
}

.d-button:hover,.d-button:focus {
  outline: none 0;
  box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);
}

.d-button:active {
  box-shadow: 2px 2px 10px 0 fade(@color_cur,20%);
  background-color: @color_cur;
  color: #fff;

}

.d-button[disabled] {
  cursor: default;
  color: @color80;
  background-color: #f0f0f0;
  border: 1px solid @color80;
  box-shadow: none;
}

.d-state-highlight {
  background-color: @color_cur;
  color: #fff;
}

.d-state-highlight:hover {
  box-shadow: 2px 2px 10px 0 fade(@color_cur,20%);
}

.d-state-highlight:active {
  border-color: #1c6a9e;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc');
  background: linear-gradient(top, #33bbee, #2288cc);
  background: -moz-linear-gradient(top, #33bbee, #2288cc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc));
}

.d-mask {
  background: rgba(0, 0, 0, .2);
}

/* common end */

.d-inner {
  background: #FFF;
}

.d-outer, .d-inner {
  box-shadow: 0 0 3px rgba(0, 0, 0, .1);
  border-radius: 3px;
}

.d-nw, .d-ne, .d-sw, .d-se {
  width: 8px;
  height: 8px;
}

.d-nw, .d-n, .d-ne, .d-w, .d-e, .d-sw, .d-s, .d-se {
  background: rgba(0, 0, 0, .4);
  background: #000 \9 !important;
  filter: alpha(opacity=40);
}

.d-state-lock .d-nw, .d-state-lock .d-n, .d-state-lock .d-ne, .d-state-lock .d-w, .d-state-lock .d-e, .d-state-lock .d-sw, .d-state-lock .d-s, .d-state-lock .d-se {
  background: rgba(0, 0, 0, .5);
  background: #000 \9 !important;
  filter: alpha(opacity=50);
}

.d-titleBar {
  position: relative;
  height: 100%;
}

.d-title {
  height: 38px;
  line-height: 38px;
  padding: 0 38px 0 14px;
  background-color: @color_wtitle;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, .02);
}

.d-state-focus .d-title {
  color: #4c5a5f;
}

.d-state-drag .d-title {
  background: linear-gradient(top, #bdc6cd, #edf5f8);
  background: -moz-linear-gradient(top, #bdc6cd, #edf5f8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8');
  box-shadow: none;
}

.d-state-drag .d-titleBar {
  box-shadow: none;
}

.d-close {
  padding: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 22px;
  color: @color70;
  text-align: center;
  font-family: Helvetica, STHeiti;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.4s ease-in-out,color 0.4s ease-in-out;
  -webkit-transition: transform 0.4s ease-in-out,color 0.4s ease-in-out;
}

.d-titleBar:hover .d-close {
  transform: rotate(180deg);
}

.d-close:hover {
  color: @color_red;
}

.d-content {
  color: #666;
}

.d-state-focus .d-content {
  color: #000;
}


.d-state-noTitle .d-nw, .d-state-noTitle .d-ne, .d-state-noTitle .d-sw, .d-state-noTitle .d-se {
  width: 3px;
  height: 3px;
}

.d-state-noTitle .d-inner {
  border: 0;
  background: #FFF;
}

.d-state-noTitle {
  border: 0 none;
  box-shadow: none;
}

.d-state-noTitle .d-nw, .d-state-noTitle .d-n, .d-state-noTitle .d-ne, .d-state-noTitle .d-w, .d-state-noTitle .d-e, .d-state-noTitle .d-sw, .d-state-noTitle .d-s, .d-state-noTitle .d-se {
  background: rgba(0, 0, 0, .05);
  background: #000 \9 !important;
  filter: alpha(opacity=5) !important;
}

.d-state-noTitle .d-titleBar {
  bottom: 0;
  _bottom: 0;
  _margin-top: 0;
}


.d-state-noTitle .d-dialog {
  box-shadow: none;
}

  /* css3 */
  .d-nw, .d-n, .d-ne, .d-w, .d-e, .d-sw, .d-s, .d-se {
    display: none;
  }

  .d-inner {
    border: 0 none;
  }

  .d-outer {
    border-color: #666;
  }

  .d-state-focus .d-dialog {

  }

  .d-state-drag, .d-state-focus:active {
    box-shadow: none;
  }

  .d-state-focus {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .05);
  }

  .d-outer {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: box-shadow .1s ease-in-out, transform .1s ease-in-out;
  }

  .d-state-visible {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

@media screen and (max-width: 400px) {
  .d-main {
    min-width: 280px;
    max-width:280px;
  }
}
@media screen and (min-width: 400px) and (max-width: 800px) {
  .d-main {
    max-width:600px!important;
  }

}